<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<script type="text/javascript" src="../zxt/zxt.js"></script>
		<script>importZXT("../zxt");</script>
		<script>
			zxt.cfg.TabPage.CSSScroll$Iframe = "no";
		</script>
	</head>
    
	<body class="bodyBackground">		
		
		<div id="aTab" zxt="zxt.ui.TabPanel" style="height:500px">
			<div zxt.label="detail" zxt.title="公司明细">
				<table>
					<tr>
						<td><div id="text1" zxt="zxt.ui.Textbox"></div></td>
					</tr>
					<tr>
						<td><a onclick="addTab2();">Add Tab2</a></td>
					</tr>
				</table>
			
			</div>
			<div zxt.label="product" zxt.title="公司产品">
				<a>HIJKLMN</a>
			</div>
			
			<div zxt.label="baidu" zxt.title="百度" zxt.url="http://wwww.baidu.com"></div>           
		</div>
		
		<a onclick="addTab();">Add Tab</a>
		
	</body>
</html>

<script type="text/javascript">
	$zxt.init();
	$zxtUI.aTab.openBehind(true);
	
	function addTab2(){
		var dw = new zxt.data.DataWrapper();
		dw.addComponent("text1");
		$zxtUI.aTab.addPage( "NEWPAGE", "我的选择", "cvs","TAB2", dw);
		//$zxtUI.aTab.render();	
	}

	function addTab(){	
		$zxtUI.aTab.addURL( "NEWPAGE2", "我的选择", "http://www.sina.com");
		//$zxtUI.aTab.render();	
	}
    
</script>
